body{ background: #f2f2f2; font-family: arial,"宋体"; font-size: 12px; color: #555;}
body,html{ height: 100%;}
a:link,a:visited,a:hover,a:active{ text-decoration: none; }
li{ list-style-type: none;}
ul,li,ul li{ margin: 0; padding: 0; }
/*基础公用*/
.center{ text-align: center;}
td.center{text-align: center;}
.center td,.center th{ text-align: center;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml40{ margin-left: 40px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mr10{ margin-right: 10px; }
.ml01{ margin-left: -10px; }
/*皮肤*/
.xd-out i,.xd-breadcrumb i,.xd-side .xd-menu-head i,.xd-side .xd-current i,.xd-ok i,.xd-err i,.xd-side .xd-menu-body a i,.steps i,.steps em,.xd-switch,.xd-switch-close,.c-box-info i,.uitext-select i{ background: url(../images/skin.png) no-repeat;}

.xd-head{ width: 100%; height: 50px; background: #2b91d9; overflow: hidden;}
.xd-logo{ width: 180px; height: 50px; background: #FF9833; text-align: center; font-size: 20px; color: #fff; line-height: 50px; font-family: "Microsoft Yahei"; position: absolute; left: 0; z-index: 999;}
/*退出*/
.xd-out{ position: fixed; width: 50px; height: 50px; background: #1378bf; right: 0; top: 0; }
.xd-out:hover{ background: #0061a6; cursor: pointer;}
.xd-out i{ width: 18px; height: 18px; background-position: -234px 0; position: absolute; top: 15px; left: 17px;}
.xd-out:hover i{ background-position: -252px 0;}
/*导航*/
.xd-nav{ height: 50px; overflow: hidden; padding-left: 180px;}
.xd-nav a{ float: left; display: inline-block; padding: 0 10px; line-height: 50px; color: #b3e6ff;}
.xd-nav a:hover{ background: #1378bf; color: #fff;}
.xd-nav a.active{ background: #1378bf; color: #fff; font-weight: bold;}
.xd-nav i{ width: 1px; height: 11px; position: relative; top: 20px; background: #85cef2; display: inline-block; float: left;}
.xd-nav i:last-child {display: none;} 

.xd-wrap{ width: 100%;}
/*侧栏*/
.xd-side{ width:180px; background: #333; position: relative; overflow: auto; overflow-x: hidden; float: left;}
.xd-side .xd-menu-head{ height: 36px; background: #4d4d4d; line-height: 36px; text-indent: 20px; border-bottom: 1px solid #666; position: relative; font-weight: bold; color: #fff;}
.xd-side .xd-menu-head i{ width: 18px; height: 18px; position: absolute; top: 7px; right: 10px; background-position: -36px 0;}
.xd-side .xd-current i{ background-position: -18px 0;}
.xd-side .xd-menu-head a{ width: 100%; display: block; color: #fff; }
.xd-side .xd-menu-head a:hover,.xd-side .xd-menu-head a.active{ background: #f2f2f2; border-left: 3px solid #2b91d9; text-indent: 17px; color: #555;}
.xd-side .xd-menu-body{ background: #666; }
.xd-side .xd-menu-body a{ width: 100%; display: block; text-indent: 40px; line-height: 32px; border-bottom: 1px solid #777; color: #ccc; position: relative;}
.xd-side .xd-menu-body a i{ width: 14px; height: 32px; position: absolute; background-position: -198px 5px; left: 20px;}
.xd-side .xd-menu-body a:hover,.xd-side .xd-menu-body a.active{ background: #f2f2f2; border-left: 3px solid #2b91d9; text-indent: 37px; color: #555;}
.xd-side .xd-menu-body a.active{ color: #2b91d9; font-weight: bold;}
.xd-side .xd-menu-body a:hover i,.xd-side .xd-menu-body a.active i{ width: 14px; height: 32px; position: absolute; background-position: -216px 5px; left: 17px;}
.xd-side .xd-menu-body:first-child a{ border-top: 0;}

.xd-main{ overflow: auto; overflow-x: hidden; position: relative;}
/*开关*/
.xd-switch{ position: absolute; top: 50%; width: 12px; height: 30px; float: left; z-index: 99999; left: 180px; background-position: -288px 0; cursor: pointer;}
.xd-switch:hover{ background-position: -288px -30px;}
.xd-switch-close{ left: 0; background-position: -276px 0;}
.xd-switch-close:hover{ background-position: -276px -30px;}
/*面包屑区*/
.xd-main-head{ position: relative; color: #999; height: 36px; line-height: 36px; background: #f7f7f7; border-bottom: 1px solid #fff; padding: 0 10px;}
.xd-main-head .xd-account{ position: absolute; right: 10px; top: 0;}
.xd-main-head .xd-breadcrumb { padding-left: 14px; font-family: "宋体";}
.xd-main-head .xd-breadcrumb i{ width: 18px; height: 18px; background-position: 0 0; position: absolute; left: 6px; top: 9px;}
.xd-main-head .xd-breadcrumb a{ padding: 0 6px;}
.xd-main-head .xd-breadcrumb span{ font-weight: bold; padding: 0 6px;}
/*内容*/
.xd-main-body{ margin: 10px; padding: 10px 0;}

/*表单辅助*/
.input-40{ width: 40px;}
.input-90{ width: 110px;}
.input-240{ width: 240px;}
.input-middle{ width: 14px; display: inline-block; text-align: center; }
.xd-tips{ float: left; min-height: 34px; padding: 7px 10px;}
.xd-ok{ float: left; min-height: 34px; padding: 7px 10px; position: relative;}
.xd-ok i{ width: 18px; height: 18px; position: absolute; display: inline-block; background-position: -54px 0; left: 10px; top: 7px;}
.xd-err{ float: left; min-height: 34px; padding: 7px 10px; color: #e53322; position: relative; padding-left: 30px;}
.xd-err i{ width: 18px; height: 18px; position: absolute; display: inline-block; background-position: -72px 0; left: 10px; top: 7px; }
.xd-img{ float: left; vertical-align: top; }
.xd-hr{ border-bottom: 1px solid #ddd; position: relative; margin: 10px 0 20px;}
.xd-hr span{ position: relative; margin: 0 auto; width: 220px; text-align: center; display: block; border: 1px solid #ddd; background: #fff; padding: 6px 10px; margin-bottom: -16px; border-radius: 20px;}
/*步骤条*/
.steps { height: 40px; width: 80%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
.steps i { width: 19px; height: 40px; position: absolute; right: 0; top: 0;}
.steps em { width: 11px; height: 40px; position: absolute; left: 0; top: 0;}
.steps .steps-2,.steps .steps-3,.steps .steps-4,.steps .steps-5,.steps .steps-6 { text-align: center; position: relative; float: left; line-height: 40px;}
.steps .steps-2 { width: 50%;}
.steps .steps-3 { width: 33%;}
.steps .steps-4 { width: 25%;}
.steps .steps-5 { width: 20%;}
.steps .steps-6 { width: 16.5%;}
.steps .steps-past{ background: #2b91d9; color: #fff;}
.steps .steps-past i{ background-position: 0 -18px;}
.steps .steps-past em{ background-position: -19px -18px;}
.steps .steps-present { background: #2b91d9; color: #fff; font-weight: bold;}
.steps .steps-present i{ background-position: -30px -18px;}
.steps .steps-present em{ background-position: -19px -18px;}
.steps .steps-future{ background: #ccc;}
.steps .steps-future i{ background-position: -60px -18px;}
.steps .steps-future em{ background-position: -79px -18px;}
.steps .steps-first em{ display: none;}
.steps .steps-last i{ display: none;}
/*清除bootstrap默认样式*/
.well .com-type,.well .type-radio{ margin-top: 7px;}
.well .control-label{ width:70px; font-weight: normal; float: left; }
.well .mt10{ min-height: 34px;}
/*无数据情况*/
.no-data{ padding: 30px; text-align: center; }
/*单复选框*/
.xd-checkbox,.xd-radio{display: none;}
.xd-checkbox-label i,.xd-radio-label i{ width: 18px; height: 18px; position: absolute; left: 0; top: 0; display: block;}
.xd-checkbox-label{ padding-left: 20px; display: inline-block; position: relative;}
.xd-checkbox-label i{ background-position: -144px 0;}
.xd-checkbox-label-select i{ background-position: -180px 0; }
.xd-radio-label{ padding: 0 20px; display: inline-block; position: relative;}
.xd-radio-label i{ background-position: -90px 0;}
.xd-radio-label-select i{ background-position: -126px 0; }
/*表格属性*/
table thead th,table tbody td{ min-height: 18px; line-height: 18px; }
table label{ margin-bottom: 0; }
/*.table-wrap{ position: relative; padding-right: 399px;}
.table-fixed{ position: relative; z-index: 99999;}
.table-roll{ position: absolute; right: 0; width: 400px; overflow: auto; overflow-y: hidden; z-index: 9999; top: 0; border-right: 1px solid #ccc;}
.table-roll-wrap{ width: 1000px; position: relative;}*/
.table-wrap{ position: relative;}
.table-fixed{ position: relative; z-index: 99999;}
.table-roll{ position: absolute; right: 0; overflow: auto; overflow-y: hidden; z-index: 9999; top: 0;  z-index: 999; border-right: 1px solid #ccc;}
.table-roll-wrap{ position: relative;}
.table-roll-wrap .table-bordered{ border-right: 0; }
.table-roll-wrap .table-bordered td,.table-roll-wrap .table-bordered th{ border-right: 0;}
table{table-layout:fixed;}
table td{ word-wrap : break-word ;word-break : break-all ;}
.text-nowrap{  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.text-wrap{ word-wrap : break-word ;word-break : break-all ;}
.table-right-no-border{ position: absolute; width: 2px; height: 30px; bottom: -30px; right: -1px; background: #f2f2f2; z-index: 99999; }

/*404*/
.xd-err-wrap{ width: 800px; height: 280px; margin: 0 auto; margin-top: 8%; }
.xd-err-img{float: left;}
.xd-err-info{ float: left; width: 500px; max-width: 500px;}
.xd-err-info dl{ padding: 40px 50px; }
.xd-err-info dt{ font-size: 24px; color: #f83; font-family: "Microsoft Yahei"; padding-bottom: 10px; }
.xd-err-info dd{ padding: 5px 0; font-size: 18px; font-family: "Microsoft Yahei"; position: relative;}
.xd-err-info dd i{ width: 13px; height: 10px; background: url(../images/skin.png) 0 -120px no-repeat; display: inline-block; position: relative; top: 1px;}
.xd-err-info dd a{ font-size: 14px; }

/*结果提示*/
.c-result-wrap{width: 760px; min-height: 240px; margin: 0 auto; margin-top: 8%; border-radius: 5px; border: 1px solid #e6e6e6; padding: 40px 40px 40px 320px; font-family: "Microsoft Yahei";}
.c-result-wrap dl{ position: relative;margin-bottom: 10px; }
.c-result-wrap dl i{ position: absolute; left: -70px; top: 0; width: 48px; height: 48px; background: #ff0; }
.c-result-wrap dt{ font-size: 18px; line-height: 36px; font-weight: normal;}
.c-result-wrap dd{ font-size: 14px; line-height: 36px;}
.c-result-wrap dd{ color: #999; }
.c-result-wrap ul{ border-top: 1px dotted #ccc; padding-top: 10px; font-size: 14px;}
.c-result-wrap ul li{ line-height: 30px; position: relative; }
.c-result-wrap ul li i{ width: 13px; height: 10px; background: url(../images/skin.png) 0 -120px no-repeat; display: inline-block; position: relative; top: 1px; }
.c-result-success{ background: #fff url(../images/icon-success-lg.png) left bottom no-repeat; }
.c-result-success dl i{ background: url(../images/icon-success-md.png) left bottom no-repeat; }
.c-result-success dt{ color: #1ec81c; }
.c-result-err{ background: #fff url(../images/icon-err-lg.png) left bottom no-repeat; }
.c-result-err dl i{ background: url(../images/icon-err-md.png) left bottom no-repeat; }
.c-result-err dt{ color: #ff3333; }
.c-result-load{ background: #fff url(../images/icon-load-lg.png) left bottom no-repeat; }
.c-result-load dl i{ background: url(../images/icon-load-md.png) left bottom no-repeat; }
/*select高亮*/
.select-color{ color: #f00 !important; font-weight: 700; }
/*首页*/
.c-box-wrap{  padding: 0 2px; /*width: 790px;*/}
.c-box-title{ height: 36px; background: #ddd; position: relative; overflow: hidden;}
.c-box-title h2{ font-size: 14px; line-height: 36px; color: #555; font-weight: 700; text-indent: 15px; margin: 0; padding: 0;}
.c-box-title a{ position: absolute; right: 10px; line-height: 36px; top: 0; color: #999; }
.c-box-title a:hover{ color: #555; }
.c-box-container{ padding: 20px 20px 20px 260px; min-height: 190px; position: relative; }
.c-box-img{ position: absolute; left: 0; }
.c-box-info{ margin: 0; width: 100%;}
.c-box-info li{ border-top: 1px dotted #ddd; line-height: 30px; height: 30px; position: relative; padding: 0 80px 0 15px; font-size: 14px; }
.c-box-info li:hover{ background: #ebebeb; }
.c-box-info i{ width: 10px; height: 10px; position: absolute; left: 0; top: 11px; background-position: 0px -120px; }
.c-box-info li em{ position: absolute; color: #999; font-size: 12px; right: 0; font-style: normal; }
.c-box-info li:first-child{ border: 0; }
/*易付宝城市控件*/
.uitext-select,.details-input{position:relative;/*border:1px solid #ccc; */float: left;}
/*.uitext-select input{padding-right:27px;width:238px;padding:4px;padding-left:9px;padding-right:31px;font-size:12px;}*/
.uitext-select .form-control{ background: #fff; color: #555 !important; }
.uitext-select i{position:absolute;width:34px;height:34px;right:0px;top:0px; background-position: -146px -18px; cursor:pointer; color: #999;}
.uitext-select ul{position:absolute;top:31px;left:0px;width:178px;border:1px solid #ccc;padding-bottom:1px;background:#fff;z-index:99999; min-height: 120px; max-height: 240px; overflow: auto; overflow-x: hidden;}
.uitext-select ul li{margin:0px 1px;height:25px;line-height:25px;text-indent:10px;overflow:hidden;word-break:break-all;cursor:pointer;color:#555;}
.uitext-select ul li.on{background:#f83;color:#fff;}
.provice{float:left;width:31px;height:34px;line-height:34px;text-align:center;color:#555; font-size: 14px;}